<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@ page import="org.hibernate.SessionFactory"%>
<%@ page import="org.hibernate.Session"%>
<%@ page import="java.util.List"%>
<%@ page import="hibernate.model.*"%>
<%@ page import="hibernate.util.HibernateUtil"%>
<%@ page import="hibernate.method.*"%>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<jsp:directive.page contentType="text/html; charset=UTF-8" />
<link
	href="http://code.jquery.com/ui/1.10.4/themes/ui-lightness/jquery-ui.css"
	rel="stylesheet">
<link href="styles/santiago.datepicker.css" rel="stylesheet">
<script src="http://code.jquery.com/jquery-1.10.2.js"></script>
<script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
<script type="text/javascript" src="scripts/datepicker_birthdate.js"></script>
<script type="text/javascript"
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"
	charset="utf-8"></script>

<script
	src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="scripts/add_client_form.js"></script>



<div id="add_client">
	<form id='addClient' action="AddUser" method="POST">
		<h3>Zarejestruj gracza</h3>
		<table>
			<tr>
				<td>Nick:</td>
				<td><input type="text" id="username" name="username"
					class="username" required placeholder="Wpisz nazwe uzytkownika"
					maxlength="80" autocomplete="off"></td>
				<td>(obowiązkowe)</td>
			</tr>
			<tr>

				<td>Data urodzenia:</td>
				<td>
					<!-- <input type="text" id="birth_date" name="birth_date"> --> <input
					type="date" id="birth_date" name="birth_date" required
					placeholder="Wpisz datę"
					pattern="(?:19|20)[0-9]{2}-(?:(?:0[1-9]|1[0-2])-(?:0[1-9]|1[0-9]|2[0-9])|(?:(?!02)(?:0[1-9]|1[0-2])-(?:30))|(?:(?:0[13578]|1[02])-31))">
				</td>
				<td>obowiązkowe</td>
			</tr>

			<tr>

				<td>Podaj email:</td>
				<td><input type="email" name="email" required
					placeholder="Wpisz adres e-mail" maxlength="255"></td>
				<td>obowiązkowe</td>
			</tr>

			<tr>
				<td>Hasło:</td>
				<td><input type="password" id="password" name="password"
					required placeholder="Wpisz hasło" maxlength="80"></td>
				<td>obowiązkowe</td>
			</tr>
			<tr>
				<td>Powtórz haslo:</td>
				<td><input type="password" id="confirm_password"
					name="confirm_password" required placeholder="Powtórz hasło"
					maxlength="80"></td>
				<td>obowiązkowe</td>
			</tr>
			<tr>
				<td>Avatar:</td>
				<td><input type="file" name="img" multiple></td>
				<td>nieobowiązkowe</td>
			</tr>
			<tr>
				<td><input type="hidden" id="type" name="type" value="client" />
				</td>
			</tr>
			<tr>
				<td>Płec:</td>
				<td><select id="gender" name="gender" required>
						<option value="m" selected>męzczyzna</option>
						<option value="f">kobieta</option>
				</select></td>
				<td>obowiązkowe</td>
			</tr>
			<tr>
				<td>Imię:</td>
				<td><input type="text" name="name" id="name"
					placeholder="Wpisz swoje imię" maxlength="255"></td>
				<td>Obowiązkowe</td>
			</tr>
			<tr>
				<td>Nazwisko:</td>
				<td><input type="text" name="surname" id="surname"
					placeholder="Wpisz swoje nazwisko" maxlength="255"></td>
				<td>nieobowiązkowe</td>
			</tr>
			<tr>
				<td>Numer telefonu:</td>
				<td><input type="tel" name="phone" id="phone"
					placeholder="666-666-666" maxlength="80"
					pattern="\d{3}[\-]\d{3}[\-]\d{3}"></td>
				<td>nieobowiązkowe</td>
			</tr>
		</table>
		<input type="submit" value="Zarejestruj mnie!">
	</form>
</div>
